﻿<html>
<head>
    <title>会议预定系统</title>
    <meta name='keywords' content='会议预定系统' />
    <meta name='description' content='会议预定系统' />
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no" />
    <link href="../Soure/bootstrap-3.3.0-dist/dist/css/bootstrap.min.css" rel="stylesheet" />
    <link href="../Soure/font-awesome-4.7.0/font-awesome-4.7.0/css/font-awesome.min.css"
        rel="stylesheet" />
    <link href="../Theme/css/base.css" rel="stylesheet" />
    <style type="text/css">
        .Timequanten .col-xs-1
        {
            width: 7.6%;
            padding: 0;
            text-align: center;
        }
        
        .Mtop .col-xs-2
        {
            width: 13%;
            padding: 5px;
        }
        
        .date
        {
            padding: 5px;
            width: 70%;
            height: 100%;
            border-radius: 91px;
            margin: 5px auto;
        }
        
        hr
        {
            margin-top: 5px;
            margin-bottom: 5px;
        }
        
        .Timequanten
        {
            width: 95%;
            margin: auto;
        }
        
        .meetname
        {
            height: 30px;
            background-color: #FFA16B;
            padding-left: 30px;
            font-size: 14px;
            color: white;
            line-height: 30px;
        }
        
       #Tg-context .media-right{min-width:100px;}
       #Tg-context .media-left{min-width:60px;}
        
        .tag{padding: 2px 5px;
    border-radius: 5px;
    border: 1px #ccc solid;}
    .Launch{border:1px #cdc solid;color:#cdc;}
    .partake{border:1px #cfc solid;color:#cfc;}
    .LonP{border:1px #cEc solid;color:#cEc;}
    </style>
</head>
<body>
    <div id="wap">
        <div class="Mtop pf-top white">
            <div class="media top-nav-body base-bg-color">
                <div class="media-left">
                    <div class="top-left">
                        <i class="fa fa-mail-reply f20 lh40"></i>
                    </div>
                </div>
                <div class="media-body ">
                    <div class="top-title">
                        我的会议</div>
                </div>
                <div class="media-right">
                    <div class="top-right">
                    </div>
                </div>
            </div>
            <div class="row commonfc text-center">
                <div class="col-xs-2">
                    <p>
                        日</p>
                    <div class="date">
                        20</div>
                </div>
                <div class="col-xs-2">
                    <p>
                        一</p>
                    <div class="date">
                        20</div>
                </div>
                <div class="col-xs-2">
                    <p>
                        二</p>
                    <div class="date">
                        20</div>
                </div>
                <div class="col-xs-2">
                    <p>
                        三</p>
                    <div class="date base-bg-color white">
                        20</div>
                </div>
                <div class="col-xs-2">
                    <p>
                        四</p>
                    <div class="date">
                        20</div>
                </div>
                <div class="col-xs-2">
                    <p>
                        五</p>
                    <div class="date">
                        20</div>
                </div>
                <div class="col-xs-2">
                    <p>
                        六</p>
                    <div class="date">
                        20</div>
                </div>
                <div class="col-xs-1">
                    <p>
                        1</p>
                </div>
            </div>
            <hr />
            <div class="row h20">
                <div class="commonfc text-center">
                    今天 2016年11月24日</div>
            </div>
        </div>
        <div id="Tg-context" style="margin-top: 145px;" class="mb60">
            <div class="list">
                <div class="item bb clear" style=" background-color:#ededed">
                     <div class="row m5 lh30 commonfc">
                    <div class="media">
                        <div class="media-left">
                            <img src="../Theme/img/Phone.png" class=" mt5" style="width:50px;" />
                        </div>
                        <div class="media-body ">
                            <p class=" f14">
                                紧急会议</p>
                            <span class="tag partake">参与</span>
                        </div>
                        <div class="media-right">
                            <p>
                                2016-11-24</p>
                            <p>
                                9:00-11:30</p>
                        </div>
                    </div>
                </div>
                </div>
                 <div class="item bb clear" style=" background-color:#ededed">
                     <div class="row m5 lh30 commonfc">
                    <div class="media">
                        <div class="media-left">
                            <img src="../Theme/img/Phone.png" class=" mt5" style="width:50px;" />
                        </div>
                        <div class="media-body ">
                            <p class=" f14">
                                紧急会议</p>
                            <span class="tag Launch">发起</span>
                        </div>
                        <div class="media-right">
                            <p>
                                2016-11-24</p>
                            <p>
                                9:00-11:30</p>
                        </div>
                    </div>
                </div>
                </div>

                    <div class="item bb clear" style=" background-color:#ededed">
                     <div class="row m5 lh30 commonfc">
                    <div class="media">
                        <div class="media-left">
                            <img src="../Theme/img/Phone.png" class=" mt5" style="width:50px;" />
                        </div>
                        <div class="media-body ">
                            <p class=" f14">
                                紧急会议</p>
                            <span class="tag LonP">发起不参与</span>
                        </div>
                        <div class="media-right">
                            <p>
                                2016-11-24</p>
                            <p>
                                9:00-11:30</p>
                        </div>
                    </div>
                </div>
                </div>

                    <div class="item bb clear" style=" background-color:#ededed">
                     <div class="row m5 lh30 commonfc">
                    <div class="media">
                        <div class="media-left">
                            <img src="../Theme/img/Phone.png" class=" mt5" style="width:50px;" />
                        </div>
                        <div class="media-body ">
                            <p class=" f14">
                                紧急会议</p>
                            <span class="tag Launch">发起</span>
                        </div>
                        <div class="media-right">
                            <p>
                                2016-11-24</p>
                            <p>
                                9:00-11:30</p>
                        </div>
                    </div>
                </div>
                </div>

                     <div class="item bb clear" >
                     <div class="row m5 lh30 commonfc">
                    <div class="media">
                        <div class="media-left">
                            <img src="../Theme/img/Phone.png" class=" mt5" style="width:50px;" />
                        </div>
                        <div class="media-body ">
                            <p class=" f14">
                                紧急会议</p>
                            <span class="tag Launch">发起</span>
                        </div>
                        <div class="media-right">
                            <p>
                                2016-11-24</p>
                            <p>
                                9:00-11:30</p>
                        </div>
                    </div>
                </div>
                </div>

                     <div class="item bb clear">
                     <div class="row m5 lh30 commonfc">
                    <div class="media">
                        <div class="media-left">
                            <img src="../Theme/img/Phone.png" class=" mt5" style="width:50px;" />
                        </div>
                        <div class="media-body ">
                            <p class=" f14">
                                紧急会议</p>
                            <span class="tag Launch">发起</span>
                        </div>
                        <div class="media-right">
                            <p>
                                2016-11-24</p>
                            <p>
                                9:00-11:30</p>
                        </div>
                    </div>
                </div>
                </div>

                  <div class="item bb clear" >
                     <div class="row m5 lh30 commonfc">
                    <div class="media">
                        <div class="media-left">
                            <img src="../Theme/img/Phone.png" class=" mt5" style="width:50px;" />
                        </div>
                        <div class="media-body ">
                            <p class=" f14">
                                紧急会议</p>
                            <span class="tag Launch">发起</span>
                        </div>
                        <div class="media-right">
                            <p>
                                2016-11-24</p>
                            <p>
                                9:00-11:30</p>
                        </div>
                    </div>
                </div>
                </div>

                     <div class="item bb clear">
                     <div class="row m5 lh30 commonfc">
                    <div class="media">
                        <div class="media-left">
                            <img src="../Theme/img/Phone.png" class=" mt5" style="width:50px;" />
                        </div>
                        <div class="media-body ">
                            <p class=" f14">
                                紧急会议</p>
                            <span class="tag Launch">发起</span>
                        </div>
                        <div class="media-right">
                            <p>
                                2016-11-24</p>
                            <p>
                                9:00-11:30</p>
                        </div>
                    </div>
                </div>
                </div>
            </div>
        </div>
        <div class="Mbottom pf-bottom white">
            <div class="row base-bg-color h50 pt5 text-center">
                <div class="col-xs-4  ">
                    <i class="fa fa-home fa-2x  "></i>
                    <p>
                        会议室</p>
                </div>
                <div class="col-xs-4">
                    <img src="../Theme/img/Phone.png" class="w50 mt-5" />
                </div>
                <div class="col-xs-4">
                    <i class="fa fa-user-circle-o fa-2x  "></i>
                    <p>
                        我的会议</p>
                </div>
            </div>
        </div>
    </div>
    <script src="../Soure/bootstrap-3.3.0-dist/dist/js/bootstrap.min.js"></script>
</body>
</html>
